<template>
  <view class="container">
    <!-- 1、血压简介 -->
    <uni-section class="blood-pressure-section" title="血压简介" type="line">
      <uni-card :is-shadow="false" class="blood-pressure-card">
        <text class="uni-cal">
          血压是指血液对血管壁施加的压力，是心血管健康的重要指标。正常的成人血压范围为收缩压 90 - 120 mmHg，舒张压 60 - 80 mmHg。长期的血压异常可能导致高血压或低血压等疾病。
        </text>

        <!-- 输入框和计算按钮 -->
        <view class="input-area">
          <view class="input-group">
            <text class="label">请输入收缩压 (mmHg):</text>
            <input v-model="systolic" type="number" placeholder="请输入收缩压" />
          </view>
          <view class="input-group">
            <text class="label">请输入舒张压 (mmHg):</text>
            <input v-model="diastolic" type="number" placeholder="请输入舒张压" />
          </view>

          <!-- 结果展示区 -->
          <view class="result-area">
            <text class="result-label">您的血压值:</text>
            <text class="result-value">{{ systolic }}/{{ diastolic }} mmHg</text>
            <text class="result-status">-{{ status }}</text>
            <text class="health-advice">{{ healthAdvice }}</text>
          </view>
          <button @click="evaluateBloodPressure" type="primary">评估血压</button>
        </view>
      </uni-card>
    </uni-section>
  </view>
</template>

<script>
export default {
  data() {
    return {
      systolic: '', // 收缩压
      diastolic: '', // 舒张压
      status: '', // 血压状态（正常、高血压、低血压等）
      healthAdvice: '' // 健康建议
    };
  },
  methods: {
    // 评估血压并给出状态和健康建议
    evaluateBloodPressure() {
      if (this.systolic !== '' && this.diastolic !== '') {
        this.setStatusAndAdvice(this.systolic, this.diastolic);
      } else {
        this.status = '请输入完整的血压值';
        this.healthAdvice = '';
      }
    },
    // 根据收缩压和舒张压设置状态和健康建议
    setStatusAndAdvice(systolic, diastolic) {
      if (systolic < 90 || diastolic < 60) {
        this.status = '低血压';
        this.healthAdvice = '您的血压较低，可能导致头晕、乏力等症状，建议增加休息、饮水和盐分摄入，并咨询医生。';
      } else if (systolic >= 90 && systolic <= 120 && diastolic >= 60 && diastolic <= 80) {
        this.status = '正常血压';
        this.healthAdvice = '您的血压正常，保持健康的饮食、运动习惯和良好的生活方式。';
      } else if (systolic > 120 && systolic <= 139 || diastolic > 80 && diastolic <= 89) {
        this.status = '高血压前期';
        this.healthAdvice = '您的血压偏高，建议保持健康饮食，减少盐分和脂肪摄入，并增加运动。';
      } else if (systolic >= 140 || diastolic >= 90) {
        this.status = '高血压';
        this.healthAdvice = '您的血压较高，建议尽早就医，采取控制血压的措施，如药物治疗、改善生活方式等。';
      }
    }
  }
};
</script>

<style lang="scss">
  .container {
    padding: 20rpx;

    .blood-pressure-section {
      .blood-pressure-card {
        .input-area {
          margin-top: 20rpx;
        }

        .input-area {
          .input-group {
            display: flex;
            margin: 10rpx 0;
          }
        }
      }

      .result-area {
        margin-top: 20rpx;
        .result-label {
          font-size: 16px;
        }
        .result-value {
          font-size: 20px;
          font-weight: bold;
        }
        .result-status {
          color: #ff4d4f;
          font-size: 14px;
        }
        .health-advice {
          font-size: 14px;
          color: #0084ff;
          margin-top: 10rpx;
        }
      }
    }
  }
</style>
